<template>
  <div >
    <span v-if="value >0 " style="color: #d60a22 ; font-weight: bold">  {{getPrice()}} </span>
    <span v-else-if="value < 0 " style="color:#037b66 ; font-weight: bold">  {{getPrice()}} </span>
    <span v-else-if="value == 0 " style="color:#ddd ;font-weight: bold"> 0 </span>
  </div>
</template>

<script>
export default {
  name: "ShowGpPrice" ,
  props:{
    value: {
      type: Number ,
      default: 0
    }
  },
  methods:{
    getPrice(){
     return  Math.abs(this.value).toFixed(2)
    }
  }
}
</script>

<style scoped>

</style>
